<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<section>
    <h4>html、css、js优化</h4>
    <ol>
        <li>class放头部、js放底部</li>
        <li>用class替代style</li>
        <li>动画元素，使用absolute、fixed定位</li>
        <li>用transform做位移</li>
        <li>用DocumentFragment替代dom操作</li>
        <li>多次需要修改的元素设置display:none</li>
        <li>降低css层级</li>
    </ol>
</section>
<section>
    <h4>其他优化</h4>
    <ol>
        <li>减少http请求</li>
        <li>服务端渲染</li>
        <li>使用cdn</li>
        <li>浏览器缓存</li>
        <li>图片懒加载</li>
        <li>css代替图片</li>
        <li>按需加载</li>
    </ol>
</section>
</body>
</html>